<!DOCTYPE html>  
<html>  
<head>  
  <meta charset="UTF-8">  
  <title>HTML5 模板</title>  
  <style>  
    /* 在这里添加你的 CSS 样式 */  
  </style>  
</head>  
<body>  
  <header>  
  </header>
  
  <main>  
	<!-- <img src="new-svg.svg" /> -->
	<!-- <div style="height:200px;width:200px;background:url(new-svg.svg) no-repeat"></div> -->
	<!-- <iframe src="new-svg.svg"></iframe> -->
	<div id="div1" style="width:870px; height:740px; background:url(background.png) no-repeat">
		<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
			<!--
				<circle cx="100" cy="100" r="40" fill="transparent" stroke="black" stroke-width="5px"></circle>
			<rect width="100" height="100" x="50" y="50" rx="20" ry="30"></rect>
			<line x1="70" y1="70" x2="300" y2="300" stroke-width="2" stroke="black" stroke-opacity="0.5"></line>
			-->
			<!-- <g transform="translate(200,200)" stroke-width="5px" stroke="red">
				<circle r="30" fill="transparent"></circle>
				<circle r="40" fill="transparent"></circle>
				<circle r="50" fill="transparent"></circle>
				<circle r="60" fill="transparent"></circle>
				<circle r="70" fill="transparent"></circle>
			</g> 
			<g style="cursor:pointer">
				<circle transform="translate(200,200)" r="60" stroke-width="5px" stroke="red" fill="transparent"></circle>
				<image x="150" y="150" width="125" height="125" xlink:href="20231211171955.png"></image>
				<text x="200" y="205" font-size="20" text-anchor="middle">alm</text>
			</g>-->
			<!-- <g style="cursor:pointer">
				<image x="150" y="150" width="125" height="125" xlink:href="20231211171955.png"></image>
				<text x="210" y="215" font-size="20" text-anchor="middle">alm</text>
			</g> -->
			<g style="cursor:pointer">
				<line x1="100" y1="100" x2="435" y2="370" stroke="#ccc"></line>
				<line x1="100" y1="100" x2="435" y2="370" stroke="transparent" stroke-width="20"></line>
				<rect x="267" y="235" fill="#999" width="20" height="20" rx="5" ry="5"></rect>
				<text x="277" y="250" font-size="20" fill="white" text-anchor="middle">?</text>
			</g>
			<g style="cursor:pointer">
				<circle cx="100" cy="100" r="40" fill="white" stroke="red" stroke-width="5"></circle>
				<text x="100" y="105" font-size="20" fill="red" text-anchor="middle">易车网</text>
			</g>
			<g style="cursor:pointer">
				<circle cx="435" cy="370" r="60" fill="white" stroke="red" stroke-width="5"></circle>
				<text x="435" y="375" font-size="20" fill="red" text-anchor="middle">科鲁兹</text>
			</g>
		</svg>
	</div>
  </main>  
</body>  
</html>